@import url('../../style/changecolum.scss');
	/*图标的大小*/
	$iconWidth:40upx;
	$iconHeight:40upx;
	$iconBackSize:40upx;
	$bb-bg-color:rgba(124, 170, 216, 1);

	.title-padding {
		height: var(--status-bar-height);
		background: $bb-bg-color;
		box-sizing: content-box;
	}

	page {
		width: 100%;
		height: 100%;
		padding-bottom: 0px;
	}

	.wrapper {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	button::after {
		border: none;
		padding: 0px;
	}

	.sureBt1 {
		width: 100%;
		height: 50upx;
		text-align: center;
		position: absolute;
		bottom: 0px;
		z-index: 999;

		.qd-btn {
			position: fixed;
			width: 90%;
			background: #FFFFFF;

			button {
				width: 200upx;
				height: 80upx;
				margin-top: 10upx;
				line-height: 80upx;
				font-size: 24upx;
				float: right;
				background: #007AFF;
				color: #FFF;
				margin-right: 20upx;
			}
		}

	}

	// .headerGd {
	// 	width: 100%;
	// 	height: 100upx;
	// 	line-height: 100upx;
	// 	background: $bb-bg-color;
	// 	display: table;

	// 	.header {
	// 		position: relative;
	// 		text-align: center;
	// 		font-size: 32upx;
	// 		color: #FFF;

	// 		.back {
	// 			width: $iconWidth;
	// 			height: $iconHeight;
	// 			background: url(../../static/back.png) no-repeat;
	// 			position: absolute;
	// 			left: 20upx;
	// 			top: 30upx;
	// 			background-size: $iconBackSize;
	// 		}

	// 		.filter {
	// 			width: $iconWidth;
	// 			height: $iconHeight;
	// 			position: absolute;
	// 			right: 20upx;
	// 			top: 30upx;
	// 			background: url(../../static/cg/filter.png);
	// 		}
	// 	}
	// }

	.container {
		font-size: 28upx;

		.curstom {
			width: 100%;
			height: 50px;
			line-height: 50px;
			display: flex;
			padding-left: 20upx;
			padding-right: 20upx;
			box-sizing: border-box;
			background: rgba(124, 170, 216, 1);
			box-sizing: border-box;
			color: #FFF;

			.curstomName {
				flex: 1;
				text-align: left;
			}

			.filterTime {
				flex: 4;
				text-align: left;
				// display: flex;
				// flex-direction: column;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;

				text {
					// flex: 1;
					line-height: 25px;
					height: 25px;
					display: block;
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
					box-sizing: border-box;
					padding-left: 4upx;
					padding-bottom: 4upx;
					text-align: left;
				}
			}

			.filterTime:last-child {
				flex: 2;
			}

			.changeList {
				width: 60upx;
				height: 100upx;
				line-height: 50upx;
				// background: url(../../static/changeIcon.png) no-repeat;
				// background-size: 100%;
				// margin-top: 15px;
			}
		}

		//表格单据
		.orderList {
			width: 100%;
			overflow: auto;
			box-sizing: border-box;

			text {
				float: left;
				text-align: center;
				box-sizing: border-box;
				height: 40px;
				line-height: 40px;
				border-right: 1px solid #CCC;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;

				&:last-child {
					border: none;
				}
			}

			.orderNav {
				height: 40px;
				line-height: 40px;
				box-sizing: border-box;
				overflow: hidden;
				border-top: 1px solid #CCC;
				border-left: 1px solid #FFF;
				background: #FFF;
			}

			.orderLi {

				background: #ebebeb;
				overflow: auto;

				.orderItem {
					height: 40px;
					line-height: 40px;
					width: 100%;
					border: 1px solid #ebebeb;
					box-sizing: border-box;
					display: table;
					border-bottom: 1px solid #CCCCCC;

					view {
						display: inline-block;
						height: 100%;
						line-height: 40px;
						float: left;
						text-align: center;
						border-right: 1px solid #CCC;
						box-sizing: border-box;
						padding-top: 5upx;
						padding-bottom: 5upx;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;

						image {
							width: 60px;
							margin: auto;
							display: table;
						}

						&:last-child {
							border: none;
						}

					}
				}
			}

			.allPrice {
				@extend .orderNav;
				background: rgba(124, 170, 216, 1);
				color: #FFF;
			}
		}

		//列表单据
		.orderLookAllList {
			width: 100%;
			background: #ebebeb;
			box-sizing: border-box;
			padding: 30upx;
			box-sizing: border-box;
			overflow: auto;

			.orderLookItem {
				width: 100%;
				height: 220upx;
				overflow: hidden;
				position: relative;
				border-radius: 20upx;
				background: #FFF;
				box-sizing: border-box;
				padding-left: 30upx;
				padding-right: 100upx;
				padding-top: 5upx;
				padding-bottom: 5upx;
				margin-bottom: 20upx;
			}

			.lookMoreInfo {
				width: 80upx;
				height: 40upx;
				line-height: 40upx;
				font-size: 24upx;
				background: rgba(124, 170, 216,1);
				// background: url(../../static/pull.png) no-repeat;
				position: absolute;
				bottom: 10upx;
				right: 10upx;
				padding: 0upx;
				background-size: 100% 100%;
				transition: height 2s;
				color: #FFF;
			}

			text {
				display: block;
				font-size: 30upx;

				&:nth-child(1) {
					position: absolute;
					top: 10upx;
					right: 10upx;
					width: $iconWidth;
					height: $iconHeight;
					border-radius: 10upx;
					text-align: center;
					display: table;
					color: #000;
					line-height: $iconHeight;
					padding: 5upx;
				}

				&:nth-child(n+2) {
					height: 55upx;
					line-height: 55upx;
					display: table;
				}
			}

			.lookMoreClass {
				display: table;

			}

			.openAndClose {
				transform: rotate(180deg);
			}
		}

	}

	//查看大图
	.lookBig {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow: auto;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, .3);

		image {
			width: 70%;
			margin: auto;
			margin-top: 10%;
		}
	}

	.padding-xl {
		overflow: auto;
		max-height: 800upx;
	}

	.padding-xl-item {
		display: flex;
	}

	.padding-xl-item text {
		min-width: 140upx;
		height: 80upx;
		line-height: 80upx;
		text-align: right;
		padding-right: 20upx;
		box-sizing: border-box;
		font-size: 30upx;
	}

	.padding-xl-item input {
		flex: 1;
		border: 1px solid #CCC;
		height: 60upx;
		line-height: 60upx;
		margin-top: 10upx;
	}

	.stop {
		padding-left: 24upx;
		padding-right: 24upx;
		font-size: 28upx;
		background: rgba(124, 170, 216, 1);
		color: #FFF;
		box-sizing: border-box;
		margin-left: 80upx;
	}